<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Welcome to muntjak.net</title>
<link rel="stylesheet" href="css/bootstrap.css"></link>
<link rel="stylesheet" href="css/bootstrap-theme.css"></link>
<link rel="stylesheet" href="css/font-awesome.min.css"></link>
<link rel="stylesheet" href="css/site.css"></link>
<link rel="stylesheet" href="css/zTreeStyle.css"></link>
<style>

</style>
<script src="js/jquery3.3.1.min.js"></script> 
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.ztree.all.min.js"></script>   
<script src="js/json2.js"></script> 
<script src="js/md5.js"></script>
<script src="js/base.js"></script>
<script src="js/component.js"></script>
<script src="js/validation.js"></script>      
<script src="js/main.js"></script>
<script src="js/tree.js"></script>    
</head>
<body>
<div id="app"> 
<div class="navbar-static-top" id="topbar">
<img src="/img/muntjak.png" style="border:0;margin-left:25px;margin-right:20px;padding:5px;">
<div class="title">Muntjak-View</div>

 <i class="fa fa-sign-out fa-2 right" title="登出"></i>
 <i class="fa fa-edit fa-2 right" title="修改密码"></i>
</div>
 <div id="middlebar">
 <div class="col-xs-2 menupanel">
 <div id='leftmenu' class="panel-group table-responsive" role="tablelist">
 </div>
 </div>
 <div class="col-xs-10" id="maindiv">
 <ul id="tabbar"class="nav nav-tabs">
    <li id="tabHome" class="active"><a href="#home" data-toggle="tab"><i class="fa fa-home"></i>首 页</a></li>
	<li id="closeAll"><span title="关闭全部标签"><i class="fa fa-window-close-o"></i></span></li>
</ul>
 <div id="workspace" class="tab-content">
  <div class="tab-pane fade in active" id="home">
    </div>
 </div>
 </div>
 </div>
 <div class="col-xs-12" id="bottombar"><div class="copyright">版权所有 Copyright © 2018- muntjak.net. All Rights Reserved.</div></div>
</div>

<div id="msgbox" class="modal fade" data-backdrop="static" aria-labelledby="#app" role="dialog">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			<b class="modal-title"></b>
			</div>
			<div class="modal-body"></div>
			<div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">关闭</button></div>
		</div>
	</div>
</div>

<script>  
  
  $(document).ready(function(){
    //加载左菜单
	getData(getWebPath('USERMENU'),'',buildMenu);
	
	layoutResize();
	
	//左菜单打开或关闭。
	$("#leftmenu").on('click','div.panel-heading',function(){
		$(this).find("span").toggleClass("fa-angle-double-down");
		$(this).find("span").toggleClass("fa-angle-double-up");
	});
	//创建标签页
	$("#leftmenu").on('click','.menu-item',function(){createTab($(this).attr("mid"))});
	//关闭标签页
	$("#tabbar").on('click','span.fa-times',function(){closeTab($(this).attr("mid"))});
	
	//窗口大小变化
	$(window).on('resize',function(){
		layoutResize();
		chkTabOverflow();
		chkTabSlack();
	});
	
	$("#closeAll").on('click',closeAllTab); //关闭全部标签页
		
	$(".fa-sign-out").on('click',logout);
   });

</script>  
</body>
</html>